<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
    </head>
    <body  onclick="document.designMode = 'on';">
        <div id="target"  hidden="true"style="font-size: 102px;color: peru ;">write content</div>
        <button name="show" onclick="var target = document.getElementById('target');
            target.hidden = !target.hidden;">hidden/show</button>
        <table border="1">
            <tr>
                <th>Header 1</th>
                <th>Header 2</th>
            </tr>
            <tr>
                <td>row 1, cell 1</td>
                <td>row 1, cell 2</td>
            </tr>
            <tr>
                <td>row 2, cell 1</td>
                <td>row 2, cell 2</td>
            </tr>
        </table>
        <meter  value="60" min="0" max="220" low='0'  high="160">1110</meter>
        <meter value="0.75"></meter> <input type="color"/>
    <input type="text" placeholder="please input information">
    
    
    </body>
    
</html>
